<template>
	<div class="allcontainer">
		<div class="h2">学生详细信息</div>
		<div class="bg-white">
			<a-tabs default-active-key="2" @change="tabChange">
				<a-tab-pane key="2" tab="活动数据">
					<index2></index2>
				</a-tab-pane>
				<a-tab-pane key="3" :tab="myInfo.ScoreName+'数据'">
					<index3></index3>
				</a-tab-pane>
				<a-tab-pane key="4" tab="参加的学生组织数据">
					<index4></index4>
				</a-tab-pane>
			</a-tabs>
		</div>
		
	</div>
</template>

<script>
	import Cache from '@/utils/cache';
import index2 from './components/index2.vue';
import index3 from './components/index3.vue';
import index4 from './components/index4.vue';
export default {
	components: {
		index2,
		index3,
		index4,
	},
	data() {
		return {
			tabkey:1,
			myInfo: Cache.get('myInfo'),
		};
	},
	computed: {},
	created() {
	},
	mounted() {},
	methods: {
		tabChange(key) {
			this.tabkey = key;
		},
	}
};
</script>

